<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Midwet Asian Golf Association</title>
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<script src="js/InitDjConfig.js"></script>
	<script src="js/dojo/dojo.js" ></script>
	<!-- // <script src="js/main.js"></script> -->
	<script>
		require([
		    // The only way that you can pull this in is if you have dijit package (place in js directory next to dojo directory)
			// "maga/apps/navPane/navPane",
			"dojo/dom-style",
			"dojo/domReady!"
		], function (/*navPane, */domStyle) {
			// This will be nothing because there is not a width set on the div - could get it by using dojo/dom-geometry.position()
			var width = document.querySelector("div.rightPane").style.width;
			console.log(width);
			// This will work when dijit package is available
			// var navPane = new navPane(null, "navPane");
		});

	</script>
</head>
<body>
	<div class="wrapper">
		<div class="leftPane">
			<div class="logo"></div>
			<div class="navPane" id="navPane"></div>
			<div class="footer">
				<p>Midwest Asian Golf Association &#169; 2013</p>
			</div>
		</div>
		<div class="rightPane">
			<div id="playersSelector" class="homeCategories">
				<a href=""></a>
			</div>
			<div id="scheduleSelector" class="homeCategories">
				<a href=""></a>
			</div>
			<div id="leaderboardSelector" class="homeCategories">
				<a href=""></a>
			</div>
		</div>
	</div>
</body>
</html>
